<template>
<div>
	<input type="text" :value="modelValue" @input="onNameInput1"/>
    <br>
</div>
</template>
<script>
export default {
	name: 'Vmodel3Child2',
	props: {
		modelValue: String,
		modelModifiers: {
			default: () => ({})
		}
	},
	emits:['update:modelValue'],
	setup (props, context) {
		const onNameInput1 = (e) => {
            let val = e.target.value;
            if(props.modelModifiers.test2) {
            	val += '==';
            }

            context.emit('update:modelValue', val);
		};
		return {
			onNameInput1,
		}
	}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>